<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="keywords" content="{{.zixun.SEOKeyWords}}">
    <meta name="description" content="{{.zixun.SEOKeyContent}}">
</head>
<style>
    body,html{
        margin: 0;
        padding: 0;
    }
    .head_img{
        /* Style for "john-towne" */
        width: 100%;
        height: 480px;
        background-image: url({{.zixun.DetailPic}});
        background-size: cover;
        position: relative;
    }
    .head_cap{
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 88px;
        background-color: rgba(0,0,0,0.4);
        text-align: center;
        color: #ffffff;
        font-family: FZLTCHJW;
        font-size: 28px;
        line-height: 88px;
        vertical-align: middle;
    }
    .detail_txt{
        /* Style for "这家酒店可应要求配有" */
        width: 1167px;
        margin-left: auto;
        margin-right: auto;
        color: #777777;
        font-size: 14px;
        line-height: 24px;
        /* Text style for "这家酒店可应要求配有" */
        font-family: FZLTHJW;
        /* Text style for "設計, 設計" */
        font-family: "Adobe Heiti Std";
        display: block;
    }
    .detail_img{
        width: 1168px;
        height: 600px;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }
</style>
<body>
{{template "head.html" .}}
<div class="head_img">
    <div class="head_cap">
        {{.zixun.Title}}<img src="/img/detail_likes.png" style="display: inline-block;vertical-align: middle;margin-left:50px ">
    </div>
</div>
<div class="detail_txt">
    {{str2html .zixun.Detail}}
</div>
{{template "foot.html" .}}
</body>
</html>
